<%@ page import="mvc.model.pojos.UserBean" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>个人中心</title>
	<style type="text/css">
		@font-face {
			font-family: 'iconfont';
			src: url('${pageContext.request.contextPath}/static/css/font/iconfont.eot');
			src: url('${pageContext.request.contextPath}/static/css/font/iconfont.eot?#iefix') format('embedded-opentype'), url('${pageContext.request.contextPath}/static/css/font/iconfont.woff2') format('woff2'), url('${pageContext.request.contextPath}/static/css/font/iconfont.woff') format('woff'), url('${pageContext.request.contextPath}/static/css/font/iconfont.ttf') format('truetype'), url('${pageContext.request.contextPath}/static/css/font/iconfont.svg#iconfont') format('svg');
		}

		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	</style>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/people-center.css" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.1.0.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/people-center.js"></script>
</head>

<body>
<!--顶部样式-->
<header class="layout-header clearfix">
	<div class="mzcontainer">
		<!--魅族商标-->
		<div class="layout-header-logo">
			<a>
				<img src="${pageContext.request.contextPath}/static/img/1.png" style="max-width:125px;margin-top:28px;">
			</a>
		</div>
		<!--搜索框-->
		<ul class="layout-header-service">
			<li class="layout-search">
				<input class="meizu-header-input" type="text" name="魅族 Note9" id="魅族 Note9" placeholder="魅族 Note9" />
				<a><img src="${pageContext.request.contextPath}/static/img/2.png" class="layout-img-search" /></a>
			</li>
			<!--登录头像-->
			<li class="layout-header-service-item">
				<a class="layout-header-service-link">
					<img src="${pageContext.request.contextPath}/static/img/3.jpg" style="height: 30px;width: 30px;border-radius: 100%;">
					<script>
						$(function () {
							$(".layout-header-service-link").click(function () {
								location.href = "accountManagement.jsp";
							});

						});
					</script>
				</a>
			</li>
			<!--购物车图标-->
			<li class="layout-header-service-cat">
				<a class="layout-header-service-cat">
					<img src="${pageContext.request.contextPath}/static/img/4.png" style="height: 30px;width: 30px;">
					<span class="layout-header-service-cat-num">0</span>
				</a>
				<script>
					$(function () {
						$(".layout-header-service-cat").click(function () {
							location.href = "/cart";
						});
					});
				</script>
			</li>
		</ul>
		<!--顶部条件搜索-->
		<ul class="layout-header-nav">
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">手机</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">声学</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">配件</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">生活</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">Flyme</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">服务</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">专卖店</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">社区</a>
			</li>
			<li class="layout-header-nav-item">
				<a class="layout-header-nav-link">APP下载</a>
			</li>
		</ul>
		<!--手机Hover列表-->
		<div>
			<a></a>
		</div>
		<!--顶部下划线-->
		<hr class="layout-header-downmenu"/>
	</div>
</header>
<!--中部订单页面显示-->
<div class="store-wrap">
	<!--首页订单跳转-->
	<div class="crumbs">
		<a>首页&nbsp;></a>
		<a>我的商城&nbsp;</a>
	</div>
	<!--订单页面 -->
	<div class="main-clearfix">
		<div class="left-nav">
			<!--左边订单选项-->
			<div class="nav-main" id="nav-main-mk">
				<a class="type-title">订单中心</a>
				<script>
					$(function () {
						$(".nav-main>a").click(function () {
							location.href = "/myOrder";
						});
					});
				</script>
				<a class="ml" id="m1">我的订单</a>
				<a class="ml" id="m2">我的回购单</a>
				<a class="type-title">个人中心</a>
				<a class="ml" id="m3">地址管理</a>
				<a class="ml" id="m4">我的收藏</a>
				<a class="ml" id="m5">消息管理</a>
				<a class="ml" id="m6">建议反馈</a>
				<a class="type-title">资产中心</a>
				<a class="ml" id="m7">我的优惠券</a>
				<a class="ml" id="m8">我的红包</a>
				<a class="ml" id="m9">我的回购金</a>
				<a class="type-title">服务中心</a>
				<a class="ml" id="m10">退款退换货跟踪</a>
				<a class="ml" id="m11">以旧换新</a>
			</div>
		</div>
		<!--右边格式-->
		<div class="right-content f-fr">
			<div class="index-main">
				<div class="top clearfix">
					<!--个人信息-->
					<div class="information clearfix f-fl">
						<div class="pic f-fl">
							<img src="${pageContext.request.contextPath}/static/img/3.jpg">
						</div>
						<div class="name f-fl">
							<span>${sessionScope.user.username}</span>
							<span>欢迎您回来！</span>
						</div>
						<div class="info f-fl">
							<ul>
								<li>
									Flyme账号：
									<span></span>
								</li>
								<li>
									绑定手机号：
									<span><%
										UserBean user = (UserBean) request.getSession().getAttribute("user");
										String phone = user.getPhone();
										if (phone == null) {
											out.print("未绑定");
										} else {
											out.print(phone.replaceAll("(\\d{3})\\d{4}(\\d{4})", "$1****$2"));
										}
									%></span>
								</li>
								<li class="emailText">
									绑定邮箱：
									<span>${sessionScope.user.uemail==null?"未绑定":sessionScope.user.uemail}</span>
								</li>
							</ul>
							<a class="edit" target="_blank">修改个人信息 ></a>
						</div>
					</div>
					<!--回购金-->
					<div class="backCouponNum f-fl">
						<p>
							回购金：
							<span>￥0</span>
						</p>
					</div>
				</div>
				<!--订单状态-->
				<div class="bottom clearfix">
					<div class="orderState f-fl">
						<!--订单状态顶部-->
						<div class="title clearfix">
							<span class="f-fl">订单状态</span>
							<a class="detail f-fr">查看全部订单 ></a>
						</div>
						<!--待付款订单-->
						<div class="content">
							<div class="waitPay clearfix">
										<span class="f-fl cercl">
										<i class="iconfont icon-waitingPay">&#xe631;</i>
									</span>
								<div class="text f-fl">
									<p>
										待付款订单：
										<span class="num">${sessionScope.dfk.size()}</span>
									</p>
									<a class="detail" data-mdesc="待付款订单">
										查看全部待付款订单 >
									</a>
								</div>
							</div>
							<!--待发货-->
							<div class="waitDeliver clearfix">
										<span class="f-fl cercl">
										<i class="iconfont icon-waitingDeliver">&#xe602;</i>
									</span>
								<div class="text f-fl">
									<p>待发货订单：</p>
									<span class="num">${sessionScope.dfh.size()}</span>
									<a class="detail" data-mdesc="待发货订单">查看全部待发货订单 > </a>
								</div>
							</div>
						</div>
					</div>
					<!--活动信息-->
					<div class="message f-fl">
						<!--活动信息顶部-->
						<div class="title clearfix">
							<span class="f-fl">活动消息</span>
							<a class="f-fr detail" data-mdesc="查看全部消息">查看全部消息 ></a>
						</div>
						<!--活动信息详情-->
						<div id="tableList" class="list J_no_data">
							<span>您暂无此类消息提醒！</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--底部 -->
	<div class="meizu-footer">
		<div class="meizu-footer-link">
			<!--底部服务项目-->
			<div class="meizu-row">
				<ul class="meizu-footer-service">
					<li>
						<a>
							<img src="${pageContext.request.contextPath}/static/img/meizu49.png" />
							<span>满80免运费</span>
						</a>
					</li>
					<li>
						<a>
							<img src="${pageContext.request.contextPath}/static/img/meizu50.png" />
							<span>100+ 城市次日送达</span>
						</a>
					</li>
					<li>
						<a>
							<img src="${pageContext.request.contextPath}/static/img/meizu51.png" />
							<span>7天无理由退货</span>
						</a>
					</li>
					<li>
						<a>
							<img src="${pageContext.request.contextPath}/static/img/meizu52.png" />
							<span>15天换货保障</span>
						</a>
					</li>
					<li>
						<a>
							<img src="${pageContext.request.contextPath}/static/img/meizu53.png" />
							<span>1年免费保修</span>
						</a>
					</li>
					<li>
						<a>
							<img src="${pageContext.request.contextPath}/static/img/meizu54.png" />
							<span>上门快修</span>
						</a>
					</li>
				</ul>
				<div class="onlive-server">
					<span>周一至周日 7:30-24:00</span>
					<p class="tel">400-788-3333</p>
					<a class="onlive-btn">在线客服</a>
				</div>
			</div>
			<!--服务项目划线-->
			<hr class="foot-hr" />
			<!--底部了解详情-->
			<div class="meizu-footer-co">
				<div class="meizu-row-row">
					<div class="meizu-footer-info">
						<div class="meizu-footer-info-left">
							<ul class="clearfix">
								<li>
									<a><span>了解魅族</span></a>
								</li>
								<li>
									<a><span>加入我们</span></a>
								</li>
								<li>
									<a><span>联系我们</span></a>
								</li>
								<li>
									<a><span>Flyme</span></a>
								</li>
								<li>
									<a><span>魅族社区</span></a>
								</li>
								<li>
									<a><span>天猫旗舰店</span></a>
								</li>
								<li>
									<a><span>问题反馈</span></a>
								</li>
								<li>
									<a><span>线上销售授权名单公示</span></a>
								</li>
								<li>
									<a><span>出版物经营许可证证</span></a>
								</li>
								<li>
									<a><span>简体中文</span></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="meizu-footer-certificate">
				©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.
				<a>粤ICP备13003602号</a>
				<a>合字B2-20170010</a>
				<a>营业执照</a>
				<a>法律声明</a>
				<span>粤公网安备 44049102496009号</span>
				<a></a>
				<a></a>
				<a></a>
			</div>
			<div class="ii-subscribe">
				<a><img src="${pageContext.request.contextPath}/static/img/meizu115.png" /></a>
				<span class="li-hr"></span>
				<a><img src="${pageContext.request.contextPath}/static/img/meizu116.png"></a>
				<span class="li-hr"></span>
				<a><img src="${pageContext.request.contextPath}/static/img/meizu117.png"></a>
			</div>
		</div>
	</div>
</div>
</body>

</html>